<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />	
<!--//theme-style-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Modern Music Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--fonts-->
<link href='#css?family=Roboto:400,100,300,500,700,900' rel='stylesheet' type='text/css'>
<link href='#css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
<!--//fonts-->
<!---->
<link rel="stylesheet" href="css/slider.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
<!-- Scroll top -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<!--End  Scroll top -->
 <script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider();
    });
    </script>
</head>
<body>
  <div class="container">
  	 <div class="header">  	
		 		<!-- Slider -->				
				     <div class="slider">
				      <div class="slider-wrapper theme-default">
				            <div id="slider" class="nivoSlider">
				                <img src="images/1.jpg" data-thumb="images/1.jpg" alt="" />
				                <img src="images/1.jpg" data-thumb="images/1.jpg" alt="" />
				                <img src="images/1.jpg" data-thumb="images/1.jpg" alt="" />
				                <img src="images/1.jpg" data-thumb="images/1.jpg" alt="" />
				            </div>
				        </div>
				          <div class="header_desc">
				 			 <div class="logo">
				 				<a href="index.html"><img src="images/oasis.png" alt="" /></a>
							 </div>							
		     		    </div>
				   </div>
			     <!--- End Slider --->
		   <div class="header-bottom">
		      <div class="top-nav">
			  <span class="menu"><img src="images/menu.png" alt=""> </span>

					    <ul>
							<li class="active"><a href="index.html">主页</a></li>
							<li><a href="about.html">关于成员</a></li>
							<li><a href="album.html">关于专辑</a></li>
							<li><a href="blog.html">经典演唱</a></li>
							<li><a href="contact.html">成为绿洲粉丝&nbsp;</a></li>
							<div class="clearfix"></div>
						</ul>
						<script>
						$("span.menu").click(function(){
							$(".top-nav ul").slideToggle(500, function(){
							});
						});
					</script>

					</div>
<div class="clearfix"></div>
               </div>
		 </div>
	</div>
	<!---->

		<div class="container">
		<div class="content">
		<div class="content-top-grid">
				<h3>我的寝宫</h3>
				<div class="content-top-in">
				<div class="col-md-4 grid">
					<a href="images/a1.jpg" class="b-link-stripe b-animate-go  thickbox swipebox"><img class="img-responsive" src="images/a1.jpg" alt=""/></a>
				</div>
				<div class="col-md-4 grid">
					<a href="images/a2.jpg" class="b-link-stripe b-animate-go  thickbox swipebox"><img class="img-responsive" src="images/a2.jpg" alt=""/></a>				</div>
				<div class="col-md-4 grid">
					<a href="images/a3.jpg" class="b-link-stripe b-animate-go  thickbox swipebox"><img class="img-responsive" src="images/a3.jpg" alt=""/></a>
					<div class="simply" > <a href="../../404.html" class="hvr-sweep-to-right">404</a> 
					</div>
				</div>
				<div class="clearfix"></div>
			</div>
			</div>
			<!---->
	<link rel="stylesheet" href="css/swipebox.css" />
	<script src="js/jquery.swipebox.min.js"></script> 
	    <script type="text/javascript">
			jQuery(function($) {
				$(".swipebox").swipebox();
			});
		</script>

	<!---->

		<div class="content-bottom">
			<div class="col-md-8">
				<div class="content-grid">
				  <h3>绿洲乐队&nbsp;</h3>
</div>
					<div class="col-md-6 grid-top">
						<a href="#"><img src="images/pi1.jpg" alt="" class="img-responsive"></a>
						<p >英伦摇滚&nbsp;</p>

							</div>
							<div class="col-md-6 grid-middle">
					<ul>
					
					<li><a href="#"><i> </i>We can dance beneath the fireflies on the empty road.</a></li>
					
					<li><a href="#"><i> </i>Here am I, growing older in the rain</a></li>
					<li><a href="#"><i> </i>I said "If you won't save me, please don't waste my time"</a></li>
					<li><a href="#"><i> </i>An extraordinary guy can never have an ordinary day.</a></li>
					<li><a href="#"><i> </i>As he faced the sun he cast no shadow</a></li>
					<li><a href="#"><i> </i>Sing me something new.</a></li>
				</ul>		
				</div>
				<div class="clearfix"> </div>
			</div>	
            <div class="copyrights">Collect from <a href="http://lidaojia.tmall.com/"  title="网站模板">网站模板</a></div>				
			<div class="col-md-4 sap">
				<!---->
				<div class="cur-right">
					<h3>主要成员</h3>
						<div class="product">
							<a href="#" class="fashion"><img class="img-responsive " src="images/ab.jpg" alt=""></a>
							<div class="grid-product">
							<p>连恩·盖勒格</p>
</div>
						<div class="clearfix"> </div>
						</div>
						<div class="product">
							<a href="#" class="fashion"><img class="img-responsive " src="images/p4.jpg" alt=""></a>
							<div class="grid-product">
							<p>诺尔·盖勒格</p>
</div>
						<div class="clearfix"> </div>
						</div>
</div>
				</div>
			<div class="clearfix"> </div>
		</div>
	</div>
</div>

  <div class="container">
  <!---->
	<div class="footer">
			<div class="footer-top">
				<div class="col-md-4 amet-sed ">
				<h4>我的联系方式&nbsp;</h4>
				<p><a href="#">@ QQ 851418688</a></p>
				<p><a href="#">@程添</a></p>				
				<ul class="social-in">
				  <li><i> </i>沁苑高级公寓 </li>
					<li class="phone"><i> </i> 15926722842</li>
					<li class="mail"><a href="mailto:contact@example.com"><i> </i> 851418688@qq.com</a></li>
				</ul>
				</div>
				<div class="col-md-4 amet-in col-lg-8">
				<h4>绿洲的照片墙&nbsp;</h4>
					<ul>
					  <li><a href="#"><img src="images/1.jpg" alt="" class="img-responsive"></a></li>
						<li><a href="#"><img src="images/2.jpg" alt="" class="img-responsive"></a></li>
						<li><a href="#"><img src="images/3.jpg" alt="" class="img-responsive"></a></li>
						<li><a href="#"><img src="images/4.jpg" alt="" class="img-responsive"></a></li>
						<li><a href="#"><img src="images/5.webp" alt="" class="img-responsive"></a></li>
						
						<li></li>
						<li><a href="#"><img src="images/6.webp" alt="" class="img-responsive"></a></li>
					</ul>
				</div>
<div class="clearfix"> </div>
			</div>
			
		</div>
</div>  
</body>
</html>

